{include file="public/header" /}
	<link rel="stylesheet" type="text/css" href="../public/freesoftware/reset.css">
	<link rel="stylesheet" type="text/css" href="../public/freesoftware/index.css">
	<link rel="stylesheet" type="text/css" href="../public/freesoftware/animations.css">
	<style type="text/css">
		.page-box{font-size: 3.5rem;border:1px solid #e0dcdc;border-radius: 10px;padding-top: 0.5rem;padding-bottom: 1rem;}
		.page-box i{font-size: 3.5rem;}
		.page-3-1 .img_2.page-box{max-width: 135px;width: 5rem;min-width:100px;background-color: #FFF;}
		.page-3-1 .img_3.page-box{max-width: 135px;width: 5rem;min-width:100px;background-color: #FFF;}
		.page-3-1 .img_4.page-box{max-width: 135px;width: 5rem;min-width:100px;background-color: #FFF;}
		.page-3-1 .img_6.page-box{max-width: 135px;width: 5rem;min-width:100px;background-color: #FFF;}
		body{background: url('../public/freesoftware/bj.jpg') no-repeat;background-color: rgba(242,247,250,1);background-size: cover;}
		html { font-family: sans-serif; font-size: 16px; }
	</style>
<div class="aui-content">
	<div>
		<div class="page page-1-1 page-current">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom">好会计都用科目记</div>
				<img class="img_2 pt-page-moveFromBottom page-center-2" src="../public/freesoftware/MacBook.png">
				<div class="img_3 pt-page-moveFromBottom"><span style="color: #ff6e32;">本地版永久免费！</span>绝无任何隐性收费</div>
				<div class="img_5 pt-page-moveFromBottom">请使用电脑访问网站下载体验</div>
				<a id="download1" >
					<div class="img_6 pt-page-rotateCubeBottomIn" style="color: #ff6e32;">www.kemuji.com</div>
				</a>
				<img class="img_4 pt-page-moveIconUp " src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		
		<div class="page page-2-1 hide">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">六大核心功能，简单易用</div>
				<!-- <div class="img_2 pt-page-moveFromBottom hide">6大核心功能</div> -->
				<div class="img_3 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-voucher"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">凭证</p>
						</div>
						<div class="page-item-right">自定义科目，快速创建</div>
					</div>
				</div>
				<div class="img_4 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;margin-left: -24px;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-report"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">报表</p>
						</div>
						<div class="page-item-right">自动生成各类报表&nbsp;&nbsp;</div>
					</div>
				</div>
				<img class="img_6 pt-page-moveIconUp hide" src="../public/freesoftware/icon_up.png">
				<img class="img_7 hide pt-page-moveCircle" src="../public/freesoftware/right.png" />
			</div>
		</div>
		<div class="page page-2-2 hide">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">六大核心功能，简单易用</div>
				<!-- <div class="img_2 pt-page-moveFromBottom hide">6大核心功能</div> -->
				<div class="img_3 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-role"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">权限</p>
						</div>
						<div class="page-item-right">管理员可添加不同角色</div>
					</div>
				</div>
				<div class="img_4 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;margin-left: -4px;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-salary"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">工资</p>
						</div>
						<div class="page-item-right"> 社保、公积金一键计算 &nbsp; </div>
					</div>
				</div>
				<img class="img_7 hide pt-page-moveCircle" src="../public/freesoftware/left.png" />
				<img class="img_6 hide pt-page-moveIconUp" src="../public/freesoftware/icon_up.png">
				<img class="img_8 hide pt-page-moveCircle" src="../public/freesoftware/right.png" />
			</div>
		</div>
		<div class="page page-2-3 hide">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">六大核心功能，简单易用</div>
				<!-- <div class="img_2 pt-page-moveFromBottom hide">6大核心功能</div> -->
				<div class="img_3 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;margin-left: -33px;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-house"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">固定资产</p>
						</div>
						<div class="page-item-right">实时了解资产状态 &nbsp;&nbsp;&nbsp; </div>
					</div>
				</div>
				<div class="img_4 pt-page-moveFromRight hide" style="display: inline-block;width: 100%;">
					<div style="position: relative;display: inline-block;">
						<div class="page-item-left page-box" style="padding: 0 ;">
							<p><i class="icon-mulit-user"></i></p>
							<p style="padding-bottom: 5px;margin-top: -5px">多用户</p>
						</div>
						<div class="page-item-right">可设置多个账号一起操作</div>
					</div>
				</div>
				<img class="img_7 hide pt-page-moveCircle" src="../public/freesoftware/left.png" />
				<img class="img_6 hide pt-page-moveIconUp" src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		<div class="page page-3-1 hide" >
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">我们提供两种免费版本</div>
				<div class="img_2 pt-page-moveFromBottom hide">
					<div><i class="icon-pc"></i></div>
					<div>单用户版</div>
				</div>
				<div class="img_3 pt-page-moveFromBottom hide">
					<div><i class="icon-network"></i></div>
					<div>多用户版</div>
				</div>
				<img class="img_6 pt-page-moveIconUp hide" src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		<div class="page page-4-1 hide">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom">我们不掌握您的任何数据</div>
				<div class="img_2 pt-page-moveFromBottom ">
					<img class="" src="../public/freesoftware/safe.png">
				</div>
				<div class="img_3 pt-page-moveFromBottom"><span style="color: #ff6e32;">财务数据全部本地存储</span>，避免财务数据泄露</div>
				<img class="img_4 pt-page-moveIconUp " src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		
		<div class="page page-5-1 hide">
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom">软件安全有保障</div>
				<div class="img_2 rotateCubeTopIn hide " style="width: 256px;">
					<div class=" page-box hide" style="float: left;">
						<p><i class="icon-data"></i></p>
						<p>数据加密存储</p>
					</div>
					<div class=" page-box hide" style="float: left;margin-left: 26px;">
						<p><i class="icon-encrypt"></i></p>
						<p>密码加密</p>
					</div>
				</div>
				<div class="img_4 rotateCubeTopIn hide page-center-3" style="width: 256px;">
					<div class=" page-box hide" style="float: left;">
						<p><i class="icon-astrict"></i></p>
						<p>访问限制</p>
					</div>
					<div class=" page-box hide" style="float: left;margin-left: 26px;">
						<p><i class="icon-input-check"></i></p>
						<p>输入验证</p>
					</div>
				</div>
				<img class="img_6 pt-page-moveIconUp hide" src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		<div class="page page-6-1 hide" >
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">我们提供的保障服务</div>
				<div class="img_2 pt-page-rotateCubeBottomIn hide page-box page-center">
					<p class="icon-p"><i class="icon-safeguard" style="font-size: 90px !important;"></i></p>
				</div>
				<div class="img_3 pt-page-scaleUp hide">服务保障</div>
				<div class="img_4 pt-page-moveCircle hide">
					<span style="color: #ff6e32;">7*24</span> 客服响应
				</div>
				<div class="img_7 pt-page-moveCircle hide">
					<span style="color: #ff6e32;">5*8</span> 技术支持
				</div>
				<div class="img_5 pt-page-rotateCubeBottomIn hide">实时问答反馈</div>
				<img class="img_6 pt-page-moveIconUp hide" src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		<div class="page page-7-1 hide" >
			<div class="wrapa">
				<div class="img_1 pt-page-moveFromBottom hide">我们提供的保障服务</div>
				<div class="img_2 pt-page-rotateCubeBottomIn hide page-box page-center">
					<p class="icon-p"><i class="icon-userinfo" style="font-size: 90px !important;"></i></p>
				</div>
				<div class="img_3 pt-page-scaleUp hide">可信认证</div>
				<div class="img_4 pt-page-moveCircle hide">荣获福建省电子产品监督检验所</div>
				<div class="img_5 pt-page-rotateCubeBottomIn hide">福建省软件测评中心软件测评认证</span></div>
				<img class="img_6 pt-page-moveIconUp hide" src="../public/freesoftware/icon_up.png">
			</div>
		</div>
		<div class="page page-8-1 hide">
			<div class="wrapa">
				<img class="img_2 pt-page-moveFromBottom " src="../public/freesoftware/MacBook.png">
				<div class="img_3 pt-page-moveFromBottom">马上访问网站下载体验</div>
				<a id="download1" >
					<div class="img_4 pt-page-rotateCubeBottomIn" style="color: #ff6e32;">www.kemuji.com</div>
				</a>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function(){
		var width       = $(".page-center").width();
		var total_width = $("body").width();
		$(".page-center").css('left', (total_width - width)/2 + 'px');

		$(".page-center-1").width('60%');
		var width_1       = $(".page-center-2").width();
		$(".page-center-1").css('left', (total_width - width_1 * 100 * 60 /100 / 80)/2 + 'px');

		var width_2       = $(".page-center-2").width();
		$(".page-center-2").css('left', (total_width - width_2)/2 + 'px');

		var width_3       = $(".page-center-3").width();
		$(".page-center-3").css('left', (total_width - width_3)/2 + 'px');

		$(window).resize(function(){
			var width       = $(".page-center").width();
			var total_width = $("body").width();
			$(".page-center").css('left', (total_width - width)/2 + 'px');

			$(".page-center-1").width('60%');
			var width_1       = $(".page-center-2").width();
			$(".page-center-1").css('left', (total_width - width_1 * 100 * 60 /100 / 80)/2 + 'px');

			var width_2       = $(".page-center-2").width();
			$(".page-center-2").css('left', (total_width - width_2)/2 + 'px');

			var width_3       = $(".page-center-3").width();
		$(".page-center-3").css('left', (total_width - width_3)/2 + 'px');
		})
	});
</script>
<script src="../public/freesoftware/zepto.min.js"></script>
<script>window.$$=window.Zepto = Zepto</script>
<script src="../public/freesoftware/touch.js"></script>
<script src="../public/freesoftware/index.js"></script>
{include file="public/footer" /}